// echarts 自定义配置
import echarts from 'echarts'
// import 'echarts/lib/chart/map.js'
// import './china'

export default function(id, data) {
    var myChart = echarts.init(document.getElementById(id))
    var option = {
        tooltip: { // 悬浮弹窗
            triggerOn: 'click', // 提示框触发的条件
            enterable: true, // 鼠标是否可进入提示框浮层中，默认为false
            formatter(data) { // item= 下面serves里面的data里面的每一项 //[{}] data={} a b c d
                return data.map((item)=>"<a style='color:#fff';hred='#/city/" + item.name +"'>" + item.name + '：确诊人数' + item.value + '</a>')
            }
        },
        visualMap: [{ // 映射高亮颜色
            orient: "vertical", // 垂直
            type: "piecewise", // 离散
            bottom: 0,
            pieces: [
                {
                    min: 0,
                    max: 0,
                    color: "#FFFFFF"
                },
                {
                    min: 1,
                    max: 100,
                    color: "#FDFDCF"
                },
                {
                    min: 100,
                    max: 1000,
                    color: "#FE9E83"
                },
                {
                    min: 1000,
                    max: 5000,
                    color: "#E55A4E"
                },
                {
                    min: 5000,
                    // max: 10000,
                    color: "#4F0700"
                },
            ]
        }],
        series: [{
            name: "省",
            type: "map", // 地图  bar  line
            map: "china", // 中国地图 需要引入
            roam: false,
            zoom: 1.2,
            aspectScale: 0.75,
            top: 40,
            layoutCenter: ['5%', '5%'],
            label:{
                normal:{
                    show: true,
                    textStyle: {
                        fontSize: 8
                    }
                }
            },
            itemStyle: {
                normal: {
                    areaColor: 'rgba(0,255,236,0)',
                    borderColor: 'rgba(0,0,0,0.2)',
                },
                emphasis: { // 选中的区域颜色及阴影效果
                    areaColor: 'rgba(255,180,0,0.8)',
                    shadowOffsetX: 0,
                    shadowOffsetY: 0,
                    shadowBlur: 20,
                    borderWidth: 0,
                }
            },
            // data,
            data: [
                {name:'内蒙古', value: 200},
                {name:'北京', value: 800},
            ]
        }]
    }
    myChart.setOption(option)
}